Site construction
James Peret
33 changed files with 401 additions and 74 deletions
BIN
.DS_Store
BIN
app/.DS_Store
BIN
app/images/.DS_Store
BIN
app/images/corte-laser.jpg
BIN
app/images/eletronica.jpg
BIN
app/images/estevao.jpg
BIN
app/images/fejao.jpg
BIN
app/images/impressao-3d.jpg
BIN
app/images/james.jpg
BIN
app/images/logo-facebook.png
BIN
app/images/logo-instagram.png
BIN
app/images/logo-oficina-itapeti.png
BIN
app/images/logo-youtube.png
BIN
app/images/logos/.DS_Store
BIN
app/images/logos/logo-facebook.png
BIN
app/images/logos/logo-instagram.png
BIN
app/images/logos/logo-youtube.png
BIN
app/images/oficina-01.jpg
BIN
app/images/thumb-3d-print.jpg
BIN
app/images/thumb-eletronica.jpg
BIN
app/images/thumb-laser.jpg
BIN
app/images/thumb-solidworks.jpg
+ 26
- 8
app/index.html
@@ -33,28 +33,45 @@ |
||
| 33 | 33 |
<span class="icon-bar"></span> |
| 34 | 34 |
</button> |
| 35 | 35 |
|
| 36 |
- <a class="navbar-brand" href="#/">Oficina Itapeti</a> |
|
| 36 |
+ <a class="navbar-brand" ui-sref="home"><img src="images/logo-oficina-itapeti.png" style="width: 200px; margin-top: -5px;"></a> |
|
| 37 | 37 |
</div> |
| 38 | 38 |
|
| 39 | 39 |
<div class="collapse navbar-collapse" id="js-navbar-collapse"> |
| 40 | 40 |
|
| 41 | 41 |
<ul class="nav navbar-nav"> |
| 42 |
- <li class="active"><a href="#/">Home</a></li> |
|
| 43 |
- <li><a ng-href="#/sobre">Sobre</a></li> |
|
| 44 |
- <li><a ng-href="#/servicos">Serviços</a></li> |
|
| 45 |
- <li><a ng-href="https://www.instagram.com/oficina.itapeti/" target="_blank">Portfolio</a></li> |
|
| 46 |
- <li><a ng-href="#/contato">Contato</a></li> |
|
| 42 |
+ <li ui-sref-active="active"><a ui-sref="sobre">Sobre</a></li> |
|
| 43 |
+ <li ui-sref-active="active"><a ui-sref="servicos">Serviços</a></li> |
|
| 44 |
+ <li ui-sref-active="active"><a href="https://www.instagram.com/oficina.itapeti/" target="_blank">Portfolio</a></li> |
|
| 45 |
+ <li ui-sref-active="active"><a ui-sref="contato">Contato</a></li> |
|
| 47 | 46 |
</ul> |
| 48 | 47 |
</div> |
| 49 | 48 |
</div> |
| 50 | 49 |
</div> |
| 51 | 50 |
</div> |
| 52 | 51 |
|
| 53 |
- <div ng-view=""></div> |
|
| 52 |
+ <div ui-view class="content" id="content"></div> |
|
| 54 | 53 |
|
| 55 | 54 |
<div class="footer" ng-controller="FooterCtrl"> |
| 56 | 55 |
<div class="container"> |
| 57 |
- <p>© Oficina Itapeti {{date | date:'yyyy'}}</p>
|
|
| 56 |
+ <div class="row"> |
|
| 57 |
+ <div class="col-md-4"> |
|
| 58 |
+ <h4>Contato</h4> |
|
| 59 |
+ <p><a href="mailto:oficina.itapeti@gmail.com">oficina.itapeti@gmail.com</a></p> |
|
| 60 |
+ <p>(11) 5693 6161</p> |
|
| 61 |
+ </div> |
|
| 62 |
+ <div class="col-md-4" style="text-align: center;"> |
|
| 63 |
+ <h4>Endereço</h4> |
|
| 64 |
+ <p><i>Estrada José benedito dos Santos 4000 - Guararema, SP</i></p> |
|
| 65 |
+ </div> |
|
| 66 |
+ <div class="col-md-4" style="text-align: center;"> |
|
| 67 |
+ <h4>Links</h4> |
|
| 68 |
+ <a href="https://www.instagram.com/oficina.itapeti/" target="_blank"><img src="images/logo-instagram.png" style="width: 50px;"></a> |
|
| 69 |
+ <a href="http://youtube.com" target="_blank"><img src="images/logo-youtube.png" style="width: 50px;"></a> |
|
| 70 |
+ <a href="http://facebook.com" target="_blank"><img src="images/logo-facebook.png" style="width: 50px;"></a> |
|
| 71 |
+ </div> |
|
| 72 |
+ </div> |
|
| 73 |
+ <hr style="border-top: 1px solid #636363;"> |
|
| 74 |
+ <p style="text-align: center;">© Oficina Itapeti {{date | date:'yyyy'}}</p>
|
|
| 58 | 75 |
</div> |
| 59 | 76 |
</div> |
| 60 | 77 |
|
@@ -83,6 +100,7 @@ |
||
| 83 | 100 |
<script src="bower_components/angular-route/angular-route.js"></script> |
| 84 | 101 |
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script> |
| 85 | 102 |
<script src="bower_components/angular-touch/angular-touch.js"></script> |
| 103 |
+ <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> |
|
| 86 | 104 |
<!-- endbower --> |
| 87 | 105 |
<!-- endbuild --> |
| 88 | 106 |
|
+ 44
- 27
app/scripts/app.js
@@ -17,31 +17,48 @@ angular |
||
| 17 | 17 |
'ngResource', |
| 18 | 18 |
'ngRoute', |
| 19 | 19 |
'ngSanitize', |
| 20 |
- 'ngTouch' |
|
| 20 |
+ 'ngTouch', |
|
| 21 |
+ 'ui.router' |
|
| 21 | 22 |
]) |
| 22 |
- .config(function ($routeProvider) {
|
|
| 23 |
- $routeProvider |
|
| 24 |
- .when('/', {
|
|
| 25 |
- templateUrl: 'views/main.html', |
|
| 26 |
- controller: 'MainCtrl', |
|
| 27 |
- controllerAs: 'main' |
|
| 28 |
- }) |
|
| 29 |
- .when('/sobre', {
|
|
| 30 |
- templateUrl: 'views/sobre.html', |
|
| 31 |
- controller: 'AboutCtrl', |
|
| 32 |
- controllerAs: 'about' |
|
| 33 |
- }) |
|
| 34 |
- .when('/servicos', {
|
|
| 35 |
- templateUrl: 'views/servicos.html', |
|
| 36 |
- controller: 'AboutCtrl', |
|
| 37 |
- controllerAs: 'about' |
|
| 38 |
- }) |
|
| 39 |
- .when('/contato', {
|
|
| 40 |
- templateUrl: 'views/contato.html', |
|
| 41 |
- controller: 'AboutCtrl', |
|
| 42 |
- controllerAs: 'about' |
|
| 43 |
- }) |
|
| 44 |
- .otherwise({
|
|
| 45 |
- redirectTo: '/' |
|
| 46 |
- }); |
|
| 47 |
- }); |
|
| 23 |
+ .config(['$stateProvider', '$urlRouterProvider', '$httpProvider', function($stateProvider, $urlRouterProvider, $httpProvider) {
|
|
| 24 |
+ // Configs |
|
| 25 |
+ //Enable cross domain calls |
|
| 26 |
+ $httpProvider.defaults.useXDomain = true; |
|
| 27 |
+ //Remove the header used to identify ajax call that would prevent CORS from working |
|
| 28 |
+ delete $httpProvider.defaults.headers.common['X-Requested-With']; |
|
| 29 |
+ // UI router |
|
| 30 |
+ // For any unmatched url, redirect to /state1 |
|
| 31 |
+ $stateProvider |
|
| 32 |
+ .state('home', {
|
|
| 33 |
+ url: '/', |
|
| 34 |
+ templateUrl: 'views/main.html', |
|
| 35 |
+ controller: 'MainCtrl' |
|
| 36 |
+ }) |
|
| 37 |
+ .state('sobre', {
|
|
| 38 |
+ url: '/sobre', |
|
| 39 |
+ templateUrl: 'views/sobre.html', |
|
| 40 |
+ controller: 'MainCtrl' |
|
| 41 |
+ }) |
|
| 42 |
+ .state('servicos', {
|
|
| 43 |
+ url: '/servicos', |
|
| 44 |
+ templateUrl: 'views/servicos.html', |
|
| 45 |
+ controller: 'MainCtrl' |
|
| 46 |
+ }).state('contato', {
|
|
| 47 |
+ url: '/contato', |
|
| 48 |
+ templateUrl: 'views/contato.html', |
|
| 49 |
+ controller: 'MainCtrl' |
|
| 50 |
+ }).state('corte-laser', {
|
|
| 51 |
+ url: '/corte-laser', |
|
| 52 |
+ templateUrl: 'views/corte-laser.html', |
|
| 53 |
+ controller: 'MainCtrl' |
|
| 54 |
+ }).state('impressao-3d', {
|
|
| 55 |
+ url: '/impressao-3d', |
|
| 56 |
+ templateUrl: 'views/impressao-3d.html', |
|
| 57 |
+ controller: 'MainCtrl' |
|
| 58 |
+ }).state('eletronica', {
|
|
| 59 |
+ url: '/eletronica', |
|
| 60 |
+ templateUrl: 'views/eletronica.html', |
|
| 61 |
+ controller: 'MainCtrl' |
|
| 62 |
+ }); |
|
| 63 |
+ $urlRouterProvider.otherwise('/');
|
|
| 64 |
+ }]); |
+ 3
- 7
app/scripts/controllers/main.js
@@ -8,10 +8,6 @@ |
||
| 8 | 8 |
* Controller of the siteOficinaItapetiApp |
| 9 | 9 |
*/ |
| 10 | 10 |
angular.module('siteOficinaItapetiApp')
|
| 11 |
- .controller('MainCtrl', function () {
|
|
| 12 |
- this.awesomeThings = [ |
|
| 13 |
- 'HTML5 Boilerplate', |
|
| 14 |
- 'AngularJS', |
|
| 15 |
- 'Karma' |
|
| 16 |
- ]; |
|
| 17 |
- }); |
|
| 11 |
+ .controller('MainCtrl', [ '$window', function ($window) {
|
|
| 12 |
+ $window.scrollTo(0, 0) |
|
| 13 |
+ }]); |
+ 43
- 0
app/styles/main.css
@@ -98,3 +98,46 @@ body {
|
||
| 98 | 98 |
border-bottom: 0; |
| 99 | 99 |
} |
| 100 | 100 |
} |
| 101 |
+ |
|
| 102 |
+ |
|
| 103 |
+.banner-text {
|
|
| 104 |
+ color: white; |
|
| 105 |
+ margin-left:25px; |
|
| 106 |
+ margin-top: 15%; |
|
| 107 |
+} |
|
| 108 |
+ |
|
| 109 |
+p, li {
|
|
| 110 |
+ text-align: justify; |
|
| 111 |
+ font-size: 16px; |
|
| 112 |
+ font-family: helvetica; |
|
| 113 |
+} |
|
| 114 |
+ |
|
| 115 |
+.nav li {
|
|
| 116 |
+ font-size: 14px; |
|
| 117 |
+} |
|
| 118 |
+ |
|
| 119 |
+h1, h2, h3 {
|
|
| 120 |
+ margin-bottom: 25px; |
|
| 121 |
+} |
|
| 122 |
+ |
|
| 123 |
+h3 { font-size: 20px;}
|
|
| 124 |
+ |
|
| 125 |
+h4 { margin-top: 30px; }
|
|
| 126 |
+ |
|
| 127 |
+h1 a, h2 a, h3 a, h4 a, h5 a { cursor: pointer; }
|
|
| 128 |
+ |
|
| 129 |
+.jumbotron p {
|
|
| 130 |
+ text-align: left; |
|
| 131 |
+} |
|
| 132 |
+ |
|
| 133 |
+.content {
|
|
| 134 |
+ background: #f6f5f3; |
|
| 135 |
+} |
|
| 136 |
+ |
|
| 137 |
+.navbar-default, body {
|
|
| 138 |
+ background-color: #dddddc; |
|
| 139 |
+} |
|
| 140 |
+ |
|
| 141 |
+.last { padding-bottom: 50px;}
|
|
| 142 |
+ |
|
| 143 |
+.caption p { text-align: left;}
|
+ 3
- 3
app/views/contato.html
@@ -1,6 +1,6 @@ |
||
| 1 |
-<div class="container" style="margin-top: 70px;"> |
|
| 2 |
- <div class="jumbotron"> |
|
| 3 |
- <h1>Contato</h1> |
|
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <div class="jumbotron" style="margin-top: 20px;"> |
|
| 3 |
+ <h1 class="page-header">Contato</h1> |
|
| 4 | 4 |
<p class="lead"> |
| 5 | 5 |
Deixe uma mensagem ou envie um email para <a href="mailto:oficina.itapeti@gmail.com">oficina.itapeti@gmail.com</a> |
| 6 | 6 |
</p> |
+ 48
- 0
app/views/corte-laser.html
@@ -0,0 +1,48 @@ |
||
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <div class="row"> |
|
| 3 |
+ <div class="col-md-12"> |
|
| 4 |
+ <h1 class="page-header">Corte Laser</h1> |
|
| 5 |
+ <p><img src="images/corte-laser.jpg" class="img-thumbnail"></p><br> |
|
| 6 |
+ <p> |
|
| 7 |
+ Cortamos materiais não-metalicos como madeira, depron, acrílico, PETG, policarbonato, papel, tecido, entre outros. |
|
| 8 |
+ Área de trabalho de 1300 x 900 mm*, com espessura de até 10mm. |
|
| 9 |
+ O transporte por sedex é limitado à medida máxima de 105cm, portanto, |
|
| 10 |
+ a medida máxima de corte para envio por sedex fica limitada a 100 cm. |
|
| 11 |
+ </p> |
|
| 12 |
+ <p>Para solicitar um orçamento, temos dois procedimentos:</p> |
|
| 13 |
+ |
|
| 14 |
+ <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso1" aria-expanded="false" aria-controls="collapseCaso1"> |
|
| 15 |
+ Caso 1: Arquivo pronto para corte |
|
| 16 |
+ </a></h4> |
|
| 17 |
+ <div class="collapse" id="collapseCaso1"> |
|
| 18 |
+ <p> |
|
| 19 |
+ Neste caso, faremos o orçamento em até 3 dias úteis, com o custo de material e corte, ou somente o de corte, |
|
| 20 |
+ no caso de o cliente enviar o material. |
|
| 21 |
+ </p> |
|
| 22 |
+ <ul> |
|
| 23 |
+ <li>O formato dos arquivos devem estar em autocad, coreldraw ou illustrator.</li> |
|
| 24 |
+ <li>O arquivo deve conter apenas as peças que serão cortadas, sem linhas de centro, cotas ou textos.</li> |
|
| 25 |
+ <li>Em peças que tenham cortes internos, como furos, respiros ou vãos, assim como, linhas de vinco, ou gravação, usar camadas (layers) diferentes.</li> |
|
| 26 |
+ <li>Caso o arquivo seja enviado com a distribuição na chapa, deixar de 3 a 5mm de margem, e espaço entre as peças de no mínimo 1,5mm.</li> |
|
| 27 |
+ </ul> |
|
| 28 |
+ <p>Após confirmado o orçamento, o serviço é realizado em até 5 dias úteis.</p> |
|
| 29 |
+ </div> |
|
| 30 |
+ |
|
| 31 |
+ <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso2" aria-expanded="false" aria-controls="collapseCaso2"> |
|
| 32 |
+ Caso 2: Arquivos não organizados para corte |
|
| 33 |
+ </a></h4> |
|
| 34 |
+ <div class="collapse" id="collapseCaso2"> |
|
| 35 |
+ <p> |
|
| 36 |
+ Neste caso, será feito um pré-orçamento com uma estimativa de custo, |
|
| 37 |
+ e o prazo de entrega pode variar de acordo com a complexidade de vetorização do desenho. |
|
| 38 |
+ </p> |
|
| 39 |
+ </div> |
|
| 40 |
+ <p style="text-align: center; margin-top: 45px;"><a class="btn btn-lg btn-success" ui-sref="contato">Faça um orçamento</a></p> |
|
| 41 |
+ |
|
| 42 |
+ |
|
| 43 |
+ |
|
| 44 |
+ |
|
| 45 |
+ |
|
| 46 |
+ </div> |
|
| 47 |
+ </div> |
|
| 48 |
+</div> |
+ 42
- 0
app/views/eletronica.html
@@ -0,0 +1,42 @@ |
||
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <div class="row"> |
|
| 3 |
+ <div class="col-md-12"> |
|
| 4 |
+ <h1 class="page-header">Eletronica</h1> |
|
| 5 |
+ <p><img src="images/eletronica.jpg" class="img-thumbnail"></p><br> |
|
| 6 |
+ <p> |
|
| 7 |
+ Fazemos impressão 3D em plastico ABS ou PLA de varias cores diferentes. |
|
| 8 |
+ </p> |
|
| 9 |
+ <p>Para solicitar um orçamento, temos dois procedimentos:</p> |
|
| 10 |
+ |
|
| 11 |
+ <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso1" aria-expanded="false" aria-controls="collapseCaso1"> |
|
| 12 |
+ Caso 1: Arquivo pronto para impressão |
|
| 13 |
+ </a></h4> |
|
| 14 |
+ <div class="collapse" id="collapseCaso1"> |
|
| 15 |
+ <p> |
|
| 16 |
+ Neste caso, faremos o orçamento em até 3 dias úteis, com o custo da impressão. |
|
| 17 |
+ </p> |
|
| 18 |
+ <ul> |
|
| 19 |
+ <li>Enviar um arquivo STL.</li> |
|
| 20 |
+ <li>O arquivo deve conter apenas as peças que serão impressas, sem linhas de centro, cotas ou textos.</li> |
|
| 21 |
+ </ul> |
|
| 22 |
+ <p>Após confirmado o orçamento, o serviço é realizado em até 5 dias úteis.</p> |
|
| 23 |
+ </div> |
|
| 24 |
+ |
|
| 25 |
+ <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso2" aria-expanded="false" aria-controls="collapseCaso2"> |
|
| 26 |
+ Caso 2: Modelagem 3d para impressão |
|
| 27 |
+ </a></h4> |
|
| 28 |
+ <div class="collapse" id="collapseCaso2"> |
|
| 29 |
+ <p> |
|
| 30 |
+ Neste caso, será feito um pré-orçamento com uma estimativa de custo, |
|
| 31 |
+ e o prazo de entrega pode variar de acordo com a complexidade da modelage do desenho. |
|
| 32 |
+ </p> |
|
| 33 |
+ </div> |
|
| 34 |
+ <p style="text-align: center; margin-top: 45px;"><a class="btn btn-lg btn-success" ui-sref="contato">Faça um orçamento</a></p> |
|
| 35 |
+ |
|
| 36 |
+ |
|
| 37 |
+ |
|
| 38 |
+ |
|
| 39 |
+ |
|
| 40 |
+ </div> |
|
| 41 |
+ </div> |
|
| 42 |
+</div> |
+ 42
- 0
app/views/impressao-3d.html
@@ -0,0 +1,42 @@ |
||
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <div class="row"> |
|
| 3 |
+ <div class="col-md-12"> |
|
| 4 |
+ <h1 class="page-header">Impressão 3D</h1> |
|
| 5 |
+ <p><img src="images/impressao-3d.jpg" class="img-thumbnail"></p><br> |
|
| 6 |
+ <p> |
|
| 7 |
+ Fazemos impressão 3D em plastico ABS ou PLA de varias cores diferentes. |
|
| 8 |
+ </p> |
|
| 9 |
+ <p>Para solicitar um orçamento, temos dois procedimentos:</p> |
|
| 10 |
+ |
|
| 11 |
+ <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso1" aria-expanded="false" aria-controls="collapseCaso1"> |
|
| 12 |
+ Caso 1: Arquivo pronto para impressão |
|
| 13 |
+ </a></h4> |
|
| 14 |
+ <div class="collapse" id="collapseCaso1"> |
|
| 15 |
+ <p> |
|
| 16 |
+ Neste caso, faremos o orçamento em até 3 dias úteis, com o custo da impressão. |
|
| 17 |
+ </p> |
|
| 18 |
+ <ul> |
|
| 19 |
+ <li>Enviar um arquivo STL.</li> |
|
| 20 |
+ <li>O arquivo deve conter apenas as peças que serão impressas, sem linhas de centro, cotas ou textos.</li> |
|
| 21 |
+ </ul> |
|
| 22 |
+ <p>Após confirmado o orçamento, o serviço é realizado em até 5 dias úteis.</p> |
|
| 23 |
+ </div> |
|
| 24 |
+ |
|
| 25 |
+ <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso2" aria-expanded="false" aria-controls="collapseCaso2"> |
|
| 26 |
+ Caso 2: Modelagem 3d para impressão |
|
| 27 |
+ </a></h4> |
|
| 28 |
+ <div class="collapse" id="collapseCaso2"> |
|
| 29 |
+ <p> |
|
| 30 |
+ Neste caso, será feito um pré-orçamento com uma estimativa de custo, |
|
| 31 |
+ e o prazo de entrega pode variar de acordo com a complexidade da modelage do desenho. |
|
| 32 |
+ </p> |
|
| 33 |
+ </div> |
|
| 34 |
+ <p style="text-align: center; margin-top: 45px;"><a class="btn btn-lg btn-success" ui-sref="contato">Faça um orçamento</a></p> |
|
| 35 |
+ |
|
| 36 |
+ |
|
| 37 |
+ |
|
| 38 |
+ |
|
| 39 |
+ |
|
| 40 |
+ </div> |
|
| 41 |
+ </div> |
|
| 42 |
+</div> |
+ 32
- 12
app/views/main.html
@@ -1,28 +1,48 @@ |
||
| 1 |
- |
|
| 2 |
- |
|
| 3 | 1 |
<div class="container-fluid" style="padding-left: 0px; padding-right: 0px; margin-top: 50px;"> |
| 4 | 2 |
<div style="position: absolute; width: 100%"> |
| 5 |
- <div class="container"> |
|
| 6 |
- <h1>Desenvolvimento de projetos</h1> |
|
| 7 |
- <p>Desenho tecnico de peças, produção e finalização.</p> |
|
| 3 |
+ <div class="banner-text"> |
|
| 4 |
+ <div class="col-md-6"> |
|
| 5 |
+ <h3>"Combinamos design criativo e engenharia inteligente, oferecendo soluções eficazes para os seus problemas complexos."</h3> |
|
| 6 |
+ </div> |
|
| 8 | 7 |
</div> |
| 9 | 8 |
</div> |
| 10 | 9 |
<img src="images/foto_01.jpg" alt="..." style="width: 100%;"> |
| 11 | 10 |
</div> |
| 12 | 11 |
|
| 13 |
-<div class="container"> |
|
| 14 |
- <h1 class="page-header">Ultimos Trabalhos</h1> |
|
| 12 |
+<div class="container last"> |
|
| 13 |
+ <h1 class="page-header">Serviços</h1> |
|
| 15 | 14 |
<div class="row"> |
| 16 | 15 |
<div class="col-md-4"> |
| 17 |
- |
|
| 18 | 16 |
<div class="thumbnail"> |
| 19 |
- <img src="https://igcdn-photos-g-a.akamaihd.net/hphotos-ak-xtf1/t51.2885-15/s750x750/sh0.08/e35/13531879_1642116086107934_817408069_n.jpg?ig_cache_key=MTI4MzQ3OTYyMDQ5NDk1NzU5Mw%3D%3D.2" alt="..."> |
|
| 17 |
+ <img src="images/thumb-laser.jpg" alt="..."> |
|
| 18 |
+ <div class="caption"> |
|
| 19 |
+ <h3><a ui-sref="corte-laser">Corte Laser</a></h3> |
|
| 20 |
+ <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p> |
|
| 21 |
+ </div> |
|
| 22 |
+ </div> |
|
| 23 |
+ </div> |
|
| 24 |
+ <div class="col-md-4"> |
|
| 25 |
+ <div class="thumbnail"> |
|
| 26 |
+ <img src="images/thumb-3d-print.jpg" alt="..."> |
|
| 20 | 27 |
<div class="caption"> |
| 21 |
- <h3>Quadcoptero</h3> |
|
| 22 |
- <p>...</p> |
|
| 23 |
- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> |
|
| 28 |
+ <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3> |
|
| 29 |
+ <p>Impressão de peças em plastico ABS ou PLA com resolução de até 0.2mm.</p> |
|
| 24 | 30 |
</div> |
| 25 | 31 |
</div> |
| 26 | 32 |
</div> |
| 33 |
+ <div class="col-md-4"> |
|
| 34 |
+ <div class="thumbnail"> |
|
| 35 |
+ <img src="images/thumb-solidworks.jpg" alt="..."> |
|
| 36 |
+ <div class="caption"> |
|
| 37 |
+ <h3>Desenho Tecnico</h3> |
|
| 38 |
+ <p>Desenho tecnico de peças para corte laser ou impressão 3d.</p> |
|
| 39 |
+ </div> |
|
| 40 |
+ </div> |
|
| 41 |
+ </div> |
|
| 42 |
+ </div> |
|
| 43 |
+ <div class="row"> |
|
| 44 |
+ <div class="col-md-12" style="text-align: center; margin-top: 25px;"> |
|
| 45 |
+ <a ui-sref="servicos" class="btn btn-success">Ver todos os serviços</a> |
|
| 46 |
+ </div> |
|
| 27 | 47 |
</div> |
| 28 | 48 |
</div> |
+ 52
- 9
app/views/servicos.html
@@ -1,16 +1,59 @@ |
||
| 1 |
-<div class="container" style="margin-top: 70px;"> |
|
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <h1 class="page-header">Serviços</h1> |
|
| 2 | 3 |
<div class="row"> |
| 3 |
- <div class="col-md-6"> |
|
| 4 |
- <h2>Corte Laser</h2> |
|
| 4 |
+ <div class="col-md-4"> |
|
| 5 |
+ <div class="thumbnail"> |
|
| 6 |
+ <img src="images/thumb-laser.jpg" alt="..."> |
|
| 7 |
+ <div class="caption"> |
|
| 8 |
+ <h3><a ui-sref="corte-laser">Corte Laser</a></h3> |
|
| 9 |
+ <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p> |
|
| 10 |
+ </div> |
|
| 11 |
+ </div> |
|
| 5 | 12 |
</div> |
| 6 |
- <div class="col-md-6"> |
|
| 7 |
- <h2>Impressão 3D</h2> |
|
| 13 |
+ <div class="col-md-4"> |
|
| 14 |
+ <div class="thumbnail"> |
|
| 15 |
+ <img src="images/thumb-3d-print.jpg" alt="..."> |
|
| 16 |
+ <div class="caption"> |
|
| 17 |
+ <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3> |
|
| 18 |
+ <p>Impressão de peças em plastico ABS ou PLA com resolução de até 0.2mm.</p> |
|
| 19 |
+ </div> |
|
| 20 |
+ </div> |
|
| 8 | 21 |
</div> |
| 9 |
- <div class="col-md-6"> |
|
| 10 |
- <h2>Uzinagem</h2> |
|
| 22 |
+ <div class="col-md-4"> |
|
| 23 |
+ <div class="thumbnail"> |
|
| 24 |
+ <img src="images/thumb-solidworks.jpg" alt="..."> |
|
| 25 |
+ <div class="caption"> |
|
| 26 |
+ <h3>Desenho Tecnico</h3> |
|
| 27 |
+ <p>Desenho tecnico de peças para corte laser ou impressão 3d.</p> |
|
| 28 |
+ </div> |
|
| 29 |
+ </div> |
|
| 11 | 30 |
</div> |
| 12 |
- <div class="col-md-6"> |
|
| 13 |
- <h2>Projeto</h2> |
|
| 31 |
+ <div class="col-md-4"> |
|
| 32 |
+ <div class="thumbnail"> |
|
| 33 |
+ <img src="images/thumb-eletronica.jpg" alt="..."> |
|
| 34 |
+ <div class="caption"> |
|
| 35 |
+ <h3><a ui-sref="eletronica">Eletronica</a></h3> |
|
| 36 |
+ <p>Circuitos com microcontroladores e microprocessadores.</p> |
|
| 37 |
+ </div> |
|
| 38 |
+ </div> |
|
| 39 |
+ </div> |
|
| 40 |
+ <div class="col-md-4"> |
|
| 41 |
+ <div class="thumbnail"> |
|
| 42 |
+ <img src="images/thumb-solidworks.jpg" alt="..."> |
|
| 43 |
+ <div class="caption"> |
|
| 44 |
+ <h3>Prototipagem</h3> |
|
| 45 |
+ <p>Protótipos e mock-ups utilizando diversas técnicas.</p> |
|
| 46 |
+ </div> |
|
| 47 |
+ </div> |
|
| 48 |
+ </div> |
|
| 49 |
+ <div class="col-md-4"> |
|
| 50 |
+ <div class="thumbnail"> |
|
| 51 |
+ <img src="images/thumb-solidworks.jpg" alt="..."> |
|
| 52 |
+ <div class="caption"> |
|
| 53 |
+ <h3>Projetos</h3> |
|
| 54 |
+ <p>Desenvolvimento e produção de soluções ou produtos.</p> |
|
| 55 |
+ </div> |
|
| 56 |
+ </div> |
|
| 14 | 57 |
</div> |
| 15 | 58 |
</div> |
| 16 | 59 |
</div> |
+ 66
- 8
app/views/sobre.html
@@ -1,10 +1,68 @@ |
||
| 1 |
-<div class="container" style="margin-top: 70px;"> |
|
| 2 |
- <div class="jumbotron"> |
|
| 3 |
- <h1>Sobre</h1> |
|
| 4 |
- <p class="lead"> |
|
| 5 |
- <img src="images/yeoman.png" alt="I'm Yeoman"><br> |
|
| 6 |
- Always a pleasure scaffolding your apps. |
|
| 7 |
- </p> |
|
| 8 |
- <p><a class="btn btn-lg btn-success" ng-href="#/">Splendid!<span class="glyphicon glyphicon-ok"></span></a></p> |
|
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <div class="row"> |
|
| 3 |
+ <div class="col-md-12" > |
|
| 4 |
+ <h1 class="page-header">Sobre a Oficina Itapeti</h1> |
|
| 5 |
+ <p><img src="images/oficina-01.jpg" class="img-thumbnail"></p><br> |
|
| 6 |
+ <p> |
|
| 7 |
+ Quando se trata de tornar sua idéia de conceito de produto à produção, ou em qualquer etapa em que se encontre, |
|
| 8 |
+ nós acreditamos que há muito mais para um processo de desenvolvimento de produtos do que apenas um design visualmente atraente. |
|
| 9 |
+ </p> |
|
| 10 |
+ <p> |
|
| 11 |
+ Trabalhamos com uma vasta gama de métodos de produção e criação, combinando design criativo e engenharia inteligente, |
|
| 12 |
+ oferecendo soluções eficazes para os seus problemas complexos. Do início ao fim, atuamos em estreita colaboração com sua equipe, |
|
| 13 |
+ para produzir resultados de qualidade que se encaixam dentro do orçamento do seu programa e time-line. |
|
| 14 |
+ </p> |
|
| 15 |
+ <p> |
|
| 16 |
+ Nosso negócio é baseado na filosofia de exceder suas expectativas. |
|
| 17 |
+ Consulte-nos para nos conhecer melhor e obter um atendimento para seu projeto. |
|
| 18 |
+ </p> |
|
| 19 |
+ <h2 class="page-header">Experiência</h2> |
|
| 20 |
+ <ul> |
|
| 21 |
+ <li>Projetos</li> |
|
| 22 |
+ <li>Protótipos e mock-ups</li> |
|
| 23 |
+ <li>Design</li> |
|
| 24 |
+ <li>Identidade de marca</li> |
|
| 25 |
+ <li>Idealização de conceito, brainstorming, e visualizações rápidas</li> |
|
| 26 |
+ <li>Desenvolvimento visual, estético e ergonômico</li> |
|
| 27 |
+ <li>Desenvolvimento de Mecanismos</li> |
|
| 28 |
+ <li>Modelagem CAD 3D avançada (SolidWorks)</li> |
|
| 29 |
+ <li>Programação (C++, C-Sharp, python, javascript, node, OpenCV, ROS)</li> |
|
| 30 |
+ <li>Eletronica (Microcontroladores, Microprocessadores)</li> |
|
| 31 |
+ <li>robotica</li> |
|
| 32 |
+ <li>Drones</li> |
|
| 33 |
+ <li>Automação</li> |
|
| 34 |
+ </ul> |
|
| 35 |
+ |
|
| 36 |
+ <h2 class="page-header">Equipe</h2> |
|
| 37 |
+ <div class="row"> |
|
| 38 |
+ <div class="col-md-4"> |
|
| 39 |
+ <div class="thumbnail"> |
|
| 40 |
+ <img class="media-object" src="images/estevao.jpg" alt="..." style="width: 250px; border-radius: 100px"> |
|
| 41 |
+ <div class="caption"> |
|
| 42 |
+ <h3>Estevão Trabbold</h3> |
|
| 43 |
+ <p>Estevão é um arrombado que fica embassando.</p> |
|
| 44 |
+ </div> |
|
| 45 |
+ </div> |
|
| 46 |
+ </div> |
|
| 47 |
+ <div class="col-md-4"> |
|
| 48 |
+ <div class="thumbnail"> |
|
| 49 |
+ <img class="media-object" src="images/fejao.jpg" alt="..." style="width: 250px; border-radius: 100px"> |
|
| 50 |
+ <div class="caption"> |
|
| 51 |
+ <h3>Alexandre Ferraz</h3> |
|
| 52 |
+ <p>Bla bla bla bla bla e bla bla bla bli.</p> |
|
| 53 |
+ </div> |
|
| 54 |
+ </div> |
|
| 55 |
+ </div> |
|
| 56 |
+ <div class="col-md-4"> |
|
| 57 |
+ <div class="thumbnail"> |
|
| 58 |
+ <img class="media-object" src="images/james.jpg" alt="..." style="width: 250px; border-radius: 100px"> |
|
| 59 |
+ <div class="caption"> |
|
| 60 |
+ <h3>James Peret</h3> |
|
| 61 |
+ <p>James é um cara muito foda.</p> |
|
| 62 |
+ </div> |
|
| 63 |
+ </div> |
|
| 64 |
+ </div> |
|
| 65 |
+ </div> |
|
| 66 |
+ |
|
| 9 | 67 |
</div> |
| 10 | 68 |
</div> |